<div class="ganttGanttBox">
  <canvas #myCanvas [width]="rightPanelWidth" [height]="ganttService.canvasHeight"></canvas>
  <div class="task-list zzj-scrollbar" (scroll)="boxScroll($event)">
    <div class="toolHeader">
      <div class="uprow" [style.width]="calendarWidth +'px'">
        <div *ngFor="let week of weeksArry" class="weeks" [style.width]="ganttService.baseWidth*7 + 'px'">{{week}}</div>
        <div class="clearfix"></div>
      </div>
      <div class="downrow" [style.width]="calendarWidth +'px'">
        <div class="weeksContent" *ngIf="ganttService.baseWidth > 15">
          <div class="weeksArry" *ngFor="let week of weeksArry">
            <div class="weekday" [style.width]="ganttService.baseWidth + 'px'" *ngFor="let day of defaultWeek">{{day}}</div>
          </div>
        </div>
      </div>
    </div>
    <nz-spin [nzSize]="'large'" *ngIf="loadingShow"></nz-spin>
    <!-- test -->

    <div class="ganttBack" [ngStyle]="{'width':calendarWidth+'px'}"></div>
    <!-- build -->
    <!-- <canvas #myCanvas [width]="canvasWidth" height="500"></canvas> -->
    <!-- <div class="row" *ngFor="let task of showTask">{{task.taskName}}</div> -->
    <!-- <app-draw-canvas></app-draw-canvas> -->
  </div>
</div>
